<template>
  <n-button
    type="primary"
    :class="[
      { '!right-332': appStore.settingDrawerVisible },
      appStore.settingDrawerVisible ? 'ease-out' : 'ease-in',
    ]"
    pos="fixed top-50% right-14 z-10000 "
    class="w-42 h-42 !p-0"
    transition="all duration-300"
    @click="appStore.toggleSettingDrawerVisible"
  >
    <icon-ant-design-close-outlined
      v-if="appStore.settingDrawerVisible"
      class="text-24"
    />
    <icon-ant-design-setting-outlined v-else class="text-24" />
  </n-button>
</template>

<script setup lang="ts">
import { useAppStore } from "@/store";

const appStore = useAppStore();
</script>

<style scoped></style>
